<template>
  <div>
    <chrome-header></chrome-header>
    <chrome-content :chromeC="chromeC"></chrome-content>
  </div>
</template>

<script>
import axios from 'axios'
import ChromeHeader from './components/Header'
import ChromeContent from './components/Content'
export default {
  name: 'Chrome',
  components: {
    ChromeHeader,
    ChromeContent
  },
  data () {
    return {
      chromeC: {}
    }
  },
  methods: {
    getChromeInfo () {
      axios.get('api/chrome.json')
        .then(this.handleGetChromeInfoSucc)
    },
    handleGetChromeInfoSucc (res) {
      res = res.data
      if (res.ret && res.data) {
        const data = res.data
        this.chromeC = data.chromeC
      }
    }
  },
  mounted () {
    this.getChromeInfo()
  }
}
</script>

<style>

</style>
